<template>
  <div class="demo">
    <h2>姓名：{{name}}</h2>
    <h2>性别：{{sex}}</h2>
  </div>
</template>

<script>
export default {
    name: 'Student',
    data() {
        return {
            name: 'zs',
            sex: '男', 
        }
    },
}
</script>

<style scoped>
  .demo{
      background-color: orange;
  }
  /* School组件和Student组件中样式类名可能相同，此时可能造成冲突
    在style上添加scoped属性，可以让样式只为该组件使用
  */
</style>